.blocklyTreeRoot{
	min-width:155px;
}

a{
	text-decoration:none;
	color:#999;
}
a:hover{
	color:#000;
}

a.viewLeft{
	padding:3px 10px 3px 10px;
	background-color: #fff;
	border: 1px solid #aaa;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

span.viewRight{
	padding:3px 10px 3px 10px;
	background-color: #aaa;
	border: 1px solid #aaa;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color:#fff;
}

#tabRow>td {
	border: 1px solid #ccc;
	font-family: sans-serif; 
	font-size:18px;
	border-bottom: none;
}
pre.content {
	border: 1px solid #ccc;
	overflow: scroll;
}
#content_xml {
	resize: none;
	outline: none;
	border: none;
	border: 1px solid #ccc;
	font-family: monospace;
	overflow: scroll;
}
td.tabon {
	border-bottom-color: #ddd !important;
	background-color: #ddd;
	color: #000;
	padding: 3px 19px 3px 19px;
	min-width:80px;
}
td.taboff {
	cursor: pointer;
	color: #000;
	padding: 3px 19px 3px 19px;
	min-width:80px;
}
td.taboff:hover {
	background-color: #eee;
}

.blocklyTreeIconOpen {
	margin: 8px;
}
.blocklyTreeIconClosedLtr {
	margin: 8px;
}

#side_code {
	padding:5px;
	border:0;
	height:100%;width:100%;
	resize:none;
}
#content_arduino {
	resize:none;
}
@font-face {
	font-family: 'YaHei Consolas Hybrid';
	src: url('../font/YaHei Consolas Hybrid.ttf');
}
html, body {
	height: 100%;
}
textarea{
	font-family:'courier new';
}
body {
	background-color: #fff;
	font-family: sans-serif;
	margin: 0;
	overflow: hidden;
}
h1 {
	font-weight: normal;
	font-size: 140%;
	margin-left: 5px;
	margin-right: 5px;
}
/* Tabs */
td.tabmin {
	border-top-style: none !important;
	border-left-style: none !important;
	border-right-style: none !important;
}
td.tabmax {
	border-top-style: none !important;
	border-left-style: none !important;
	border-right-style: none !important;
	width: 99%;
	text-align: right;
}
td.tabcoyright {
	border-top-style: none !important;
	border-left-style: none !important;
	border-right-style: none !important;
	width: 70%;
	text-align: center;
}
td.tabmode {
	border-top-style: none !important;
	border-left-style: none !important;
	border-right-style: none !important;
	width: 25%;
	text-align: center;
}
table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: none;
}
td {
	padding: 0;
	vertical-align: center;
}
.content {
	visibility: hidden;
	margin: 0;
	padding: 1ex;
	position: absolute;
	direction: ltr;
}
#content_blocks {
	padding: 0;
}
.blocklySvg {
	border-top: none !important;
}
button {
	padding: 1px 1em;
	font-size: 90%;
	border-radius: 4px;
	border: 1px solid #ddd;
	background-color: #eee;
	color: black;
}
button.launch {
	border: 1px solid #d43;
	background-color: #d43;
	color: white;
}
button:active {
	border: 1px solid blue !important;
}
button:hover {
	box-shadow: 2px 2px 5px #888;
}
.right-top {
	width: 20px;
	height:74px;
	background-size: 100% auto; 
	background-repeat: no-repeat; 
	position: fixed;
	z-index: 999;
	right:0px;
	top: 35%;
	background-image:url("../../../media/sidebar/sidebar.png");
}
.right-top:hover{
	width: 20px;
	height:74px;
	background-size: 100% auto; 
	background-repeat: no-repeat; 
	position: fixed;
	z-index: 999;
	right:0px;
	top: 35%;
	background-image:url("../../../media/sidebar/sidebar_red.png");
}
.right-top2 {
	width: 20px;
	height:74px;
	background-size: 100% auto; 
	background-repeat: no-repeat; 
	position: fixed;
	z-index: 999;
	right:0px;
	top: 35%;
	background-image:url("../../../media/sidebar/sidebar2.png");
}
.right-top2:hover{
	width: 20px;
	height:74px;
	background-size: 100% auto; 
	background-repeat: no-repeat; 
	position: fixed;
	z-index: 999;
	right:0px;
	top: 35%;
	background-image:url("../../../media/sidebar/sidebar2_red.png");
}

div>span.blocklyTreeIcon.blocklyTreeIconNone{
	width:24px;height:24px;
	float:left;
	margin:4px;
	background:url('../../../media/mark/default.png') no-repeat;
	background-size: 100% auto; 
}
.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{ 
	background:url('../../../media/mark/default2.png') no-repeat;
	background-size: 100% auto; 
}

#\:0 > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/inout.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/inout2.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(2) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/ctrl.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/ctrl2.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(3) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/math.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/math2.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(4) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/logic.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/logic2.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(5) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/text.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/text2.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(6) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/list.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/list2.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(7) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/var.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/var2.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(8) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/func.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/func2.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(9) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/port.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/port2.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第一个图标（未选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(10) > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/sensor.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第一个图标（选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(10) > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon{
	background:url('../../../media/mark/sensor2.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第二个图标（未选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(10) > div:nth-child(2) > div:nth-child(2) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/act.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第二个图标（选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(10) > div:nth-child(2) > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon{
	background:url('../../../media/mark/act2.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第三个图标（未选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(10) > div:nth-child(2) > div:nth-child(3) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/monitor.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第三个图标（选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(10) > div:nth-child(2) > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon{
	background:url('../../../media/mark/monitor2.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(11) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/sensor.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/sensor2.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(12) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/act.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/act2.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第一个图标（未选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(13) > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/4Digitdisplay.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第一个图标（选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(13) > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon{
	background:url('../../../media/mark/4Digitdisplay2.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第二个图标（未选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(13) > div:nth-child(2) > div:nth-child(2) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/lcd.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第二个图标（选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(13) > div:nth-child(2) > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon{
	background:url('../../../media/mark/lcd2.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第三个图标（未选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(13) > div:nth-child(2) > div:nth-child(3) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/oled.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第三个图标（选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(13) > div:nth-child(2) > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon{
	background:url('../../../media/mark/oled2.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第四个图标（未选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(13) > div:nth-child(2) > div:nth-child(4) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/Matrix.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第四个图标（选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(13) > div:nth-child(2) > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon{
	background:url('../../../media/mark/Matrix2.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(14) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/comuni.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(14) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/comuni2.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(15) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/store.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(15) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/store2.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第一个图标（未选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(15) > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/store.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第一个图标（选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(15) > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon{
	background:url('../../../media/mark/store2.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第二个图标（未选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(15) > div:nth-child(2) > div:nth-child(2) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/store.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第二个图标（选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(15) > div:nth-child(2) > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon{
	background:url('../../../media/mark/store2.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第三个图标（未选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(15) > div:nth-child(2) > div:nth-child(3) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/store.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第三个图标（选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(15) > div:nth-child(2) > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon{
	background:url('../../../media/mark/store2.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第一个图标（未选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(16) > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/WIFI.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第一个图标（选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(16) > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon{
	background:url('../../../media/mark/WIFI2.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第二个图标（未选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(16) > div:nth-child(2) > div:nth-child(2) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/blynk.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第二个图标（选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(16) > div:nth-child(2) > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon{
	background:url('../../../media/mark/blynk2.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第三个图标（未选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(16) > div:nth-child(2) > div:nth-child(3) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/iot.png') no-repeat;
	background-size: 100% auto; 
}
/*子模块的第三个图标（选中时）*/
#\:0 > div:nth-child(2) > div:nth-child(16) > div:nth-child(2) > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon{
	background:url('../../../media/mark/iot2.png') no-repeat;
	background-size: 100% auto; 
}

#\:0 > div:nth-child(2) > div:nth-child(18) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/factory3.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(18) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/factory4.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(19) > div.blocklyTreeRow > span.blocklyTreeIcon.blocklyTreeIconNone {
	background:url('../../../media/mark/tool.png') no-repeat;
	background-size: 100% auto; 
}
#\:0 > div:nth-child(2) > div:nth-child(19) > div.blocklyTreeRow.blocklyTreeSelected > span.blocklyTreeIcon.blocklyTreeIconNone{
	background:url('../../../media/mark/tool2.png') no-repeat;
	background-size: 100% auto; 
}
